<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>分类</title>
    <script src="../jquery-3.3.1.js"></script>
    <link rel="stylesheet" href="bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/分类页面.css">
    <script src="js/分类页面.js"></script>
</head>
<body>
    <!-- 头部开始 -->
    <nav class="top">
        <a href="#nowhere">
            <span class="glyphicon glyphicon-home redColor"></span>
            天猫首页
        </a>  
            
        <span>喵，欢迎来天猫</span>
            <a href="#nowhere">请登录</a>
            <a href="#nowhere">免费注册</a>  
    
        <span class="pull-right">
            <a href="#nowhere">我的订单</a>
            <a href="#nowhere">
            <span class=" glyphicon glyphicon-shopping-cart redColor" ></span>
            购物车<strong>0</strong>件</a>        
        </span>
    </nav>
    <!-- 头部结束 -->

    <!-- 搜索开始 -->
    <a href="#nowhere"><img src="img/site/logo.gif" alt="This is a logoGif" id="logo"></a>
    <div  id="searchDiv">
        <span>
            <input type="text" placeholder="时尚男鞋 太阳镜" name="keyword">
            <button class="searchButton" type="submit">搜索</button>
        </span>
        <div id="searchBelow">
            <span> 
                <a href="#nowhere">平衡车</a>
                <span>|</span>
            </span>
            <span>
                <a href="#nowhere">扫地机器人</a>
                <span>|</span>
            </span>
           <span>
                <a href="#nowhere">原汁机</a>
                <span>|</span>
           </span>
            <span>
                <a href="#nowhere">冰箱</a>
            </span>
        </div>
    </div>
    <!-- 搜索结束 -->
    <div class="categoryPageDiv">
        <img src="img/main/72.jpg">
        <div class="categorySortBar">
            <table class="categorySortBarTable categorySortTable">
                <tbody>
                    <tr>
                        <td class="grayColumn"><a href="#nowhere">综合<span class="glyphicon glyphicon-arrow-down"></span></a></td>
                        <td><a href="#nowhere">人气<span class="glyphicon glyphicon-arrow-down"></span></a></td>
                        <td><a href="#nowhere">新品<span class="glyphicon glyphicon-arrow-down"></span></a></td>
                        <td><a href="#nowhere">销量<span class="glyphicon glyphicon-arrow-down"></span></a></td>
                        <td><a href="#nowhere">价格<span class="glyphicon glyphicon-arrow-down"></span></a></td>
                    </tr>
                </tbody>
            </table>
            <table class="categorySortBarTable">
                <tbody>
                    <tr>
                        <td><input type="text" placeholder="请输入" class="sortBarPrice beginPrice"></td>
                        <td class="grayColumn priceMiddleColumn">-</td>
                        <td><input type="text" placeholder="请输入" class="sortBarPrice endPrice"></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

    <!-- 产品列表开始 -->
    <div class="categoryPageDiv">
        <div class="categoryProducts">
            <div price="799.2" class="productUnit">
                <div class="productUnitFrame">
                    <a href="#nowhere">
                        <img src="img/main/7058.jpg" class="productImage">
                    </a>
                    <span class="productPrice">￥799.20</span>
                    <a href="#nowhere" class="productLink">MAXFEEL休闲男士手包真皮手拿包大容量信封手抓包夹包软韩版潮</a>
                    <a href="#nowhere" class="tmallLink">天猫专卖</a>
                    <div class="show1 productInfo">
                        <span class="monthDeal">月成交 <span class="productDealNumber">16笔</span></span>
                        <span class="productReview">评价<span class="productReviewNumber">14</span></span>
                        <span class="wangwang">
                            <a href="#nowhere" class="wangwanglink">
                                <img src="img/main/wangwang.png">
                            </a>
                        </span>
                    </div>
                </div>
            </div>

            <div price="511.2" class="productUnit">
                <div class="productUnitFrame">
                    <a href="#nowhere">
                        <img src="img/main/7047.jpg" class="productImage">
                    </a>
                    <span class="productPrice">￥511.20</span>
                    <a href="#nowhere" class="productLink">宾度 男士手包真皮大容量手拿包牛皮个性潮男包手抓包软皮信封包</a>
                    <a href="#nowhere" class="tmallLink">天猫专卖</a>
                    <div class="show1 productInfo">
                        <span class="monthDeal">月成交 <span class="productDealNumber">49笔</span></span>
                        <span class="productReview">评价<span class="productReviewNumber">18</span></span>
                        <span class="wangwang">
                            <a href="#nowhere" class="wangwanglink">
                                <img src="img/main/wangwang.png">
                            </a>
                        </span>
                    </div>
                </div>
            </div>

            <div price="448.2" class="productUnit">
                <div class="productUnitFrame">
                    <a href="#nowhere">
                        <img src="img/main/7036.jpg" class="productImage">
                    </a>
                    <span class="productPrice">￥448.20</span>
                    <a href="#nowhere" class="productLink">唯美诺新款男士手包男包真皮大容量小羊皮手拿包信封包软皮夹包潮</a>
                    <a href="#nowhere" class="tmallLink">天猫专卖</a>
                    <div class="show1 productInfo">
                        <span class="monthDeal">月成交 <span class="productDealNumber">34笔</span></span>
                        <span class="productReview">评价<span class="productReviewNumber">16</span></span>
                        <span class="wangwang">
                            <a href="#nowhere" class="wangwanglink">
                                <img src="img/main/wangwang.png">
                            </a>
                        </span>
                    </div>
                </div>
            </div>

            <div price="411.6" class="productUnit">
                <div class="productUnitFrame">
                    <a href="#nowhere">
                        <img src="img/main/7025.jpg" class="productImage">
                    </a>
                    <span class="productPrice">￥411.6</span>
                    <a href="#nowhere" class="productLink">英伦绑纹男士手包牛皮大容量真皮手拿包手抓包双拉链商务正品软皮</a>
                    <a href="#nowhere" class="tmallLink">天猫专卖</a>
                    <div class="show1 productInfo">
                        <span class="monthDeal">月成交 <span class="productDealNumber">25笔</span></span>
                        <span class="productReview">评价<span class="productReviewNumber">19</span></span>
                        <span class="wangwang">
                            <a href="#nowhere" class="wangwanglink">
                                <img src="img/main/wangwang.png">
                            </a>
                        </span>
                    </div>
                </div>
            </div>

            <div price="157.25" class="productUnit">
                <div class="productUnitFrame">
                    <a href="#nowhere">
                        <img src="img/main/7014.jpg" class="productImage">
                    </a>
                    <span class="productPrice">￥157.25</span>
                    <a href="#nowhere" class="productLink">劳斯莱斯男士手包休闲手拿包牛皮大容量钱包男包软面小包包手抓包</a>
                    <a href="#nowhere" class="tmallLink">天猫专卖</a>
                    <div class="show1 productInfo">
                        <span class="monthDeal">月成交 <span class="productDealNumber">17笔</span></span>
                        <span class="productReview">评价<span class="productReviewNumber">16</span></span>
                        <span class="wangwang">
                            <a href="#nowhere" class="wangwanglink">
                                <img src="img/main/wangwang.png">
                            </a>
                        </span>
                    </div>
                </div>
            </div>

            <div price="268.2" class="productUnit">
                <div class="productUnitFrame">
                    <a href="#nowhere">
                        <img src="img/main/7003.jpg" class="productImage">
                    </a>
                    <span class="productPrice">￥268.20</span>
                    <a href="#nowhere" class="productLink">怕朗尼男士手拿包真皮手包商务休闲头层牛皮软牛皮大容量休闲钱包</a>
                    <a href="#nowhere" class="tmallLink">天猫专卖</a>
                    <div class="show1 productInfo">
                        <span class="monthDeal">月成交 <span class="productDealNumber">5笔</span></span>
                        <span class="productReview">评价<span class="productReviewNumber">19</span></span>
                        <span class="wangwang">
                            <a href="#nowhere" class="wangwanglink">
                                <img src="img/main/wangwang.png">
                            </a>
                        </span>
                    </div>
                </div>
            </div>

            <div price="233.4" class="productUnit">
                <div class="productUnitFrame">
                    <a href="#nowhere">
                        <img src="img/main/6992.jpg" class="productImage">
                    </a>
                    <span class="productPrice">￥233.4</span>
                    <a href="#nowhere" class="productLink">编织手包手拿包男信封大容量手抓包真皮韩版潮商务休闲牛皮男包</a>
                    <a href="#nowhere" class="tmallLink">天猫专卖</a>
                    <div class="show1 productInfo">
                        <span class="monthDeal">月成交 <span class="productDealNumber">8笔</span></span>
                        <span class="productReview">评价<span class="productReviewNumber">19</span></span>
                        <span class="wangwang">
                            <a href="#nowhere" class="wangwanglink">
                                <img src="img/main/wangwang.png">
                            </a>
                        </span>
                    </div>
                </div>
            </div>

            <div price="952.0" class="productUnit">
                <div class="productUnitFrame">
                    <a href="#nowhere">
                        <img src="img/main/6981.jpg" class="productImage">
                    </a>
                    <span class="productPrice">￥952.0</span>
                    <a href="#nowhere" class="productLink">犟牛男士手包真皮手拿包头层牛皮商务大容量手抓包软皮夹包信封包</a>
                    <a href="#nowhere" class="tmallLink">天猫专卖</a>
                    <div class="show1 productInfo">
                        <span class="monthDeal">月成交 <span class="productDealNumber">20笔</span></span>
                        <span class="productReview">评价<span class="productReviewNumber">16</span></span>
                        <span class="wangwang">
                            <a href="#nowhere" class="wangwanglink">
                                <img src="img/main/wangwang.png">
                            </a>
                        </span>
                    </div>
                </div>
            </div>

        <div style="clear:both"></div>
        </div>
    </div>
    <!-- 产品列表结束 -->

    <!-- 底部开始 -->
    <div id="footer"  class="footer" style="display: block;">
            <div id="footer_ensure" class="footer_ensure">
                    <a href="#nowhere">
                        <img src="img/site/ensure.png">
                    </a>
            </div>
        <div id="footer_desc" class="footer_desc">
                <div class="descColumn">
                    <span class="descColumnTitle">购物指南</span>
                    <a href="#nowhere" >免费注册</a>
                    <a href="#nowhere" >开通支付宝</a>
                    <a href="#nowhere" >支付宝充值</a>
                </div>
                <div class="descColumn">
                    <span class="descColumnTitle">天猫保障</span>
                    <a href="#nowhere" >发票保障</a>
                    <a href="#nowhere" >售后规则</a>
                    <a href="#nowhere" >缺货赔付</a>
                </div>
                <div class="descColumn">
                    <span class="descColumnTitle">支付方式</span>
                    <a href="#nowhere" >快捷支付</a>
                    <a href="#nowhere" >信用卡</a>
                    <a href="#nowhere" >蚂蚁花呗</a>
                    <a href="#nowhere" >货到付款</a>
                </div>
                <div class="descColumn">
                    <span class="descColumnTitle">商家服务</span>
                    <a href="#nowhere" >商家入驻</a>
                    <a href="#nowhere" >商家中心</a>
                    <a href="#nowhere" >天猫智库</a>
                    <a href="#nowhere" >天猫规则</a>
                    <a href="#nowhere" >物流服务</a>
                    <a href="#nowhere" >喵言喵语</a>
                    <a href="#nowhere" >运营服务</a>
                </div>
                <div class="descColumn">
                    <span class="descColumnTitle">手机天猫</span>
                    <a href="#nowhere" ><img src="img/site/ma.png"></a>
                </div>
        </div>
        <div style="clear:both"></div>
        <img id="cateye" class="cateye" src="img/site/cateye.png">
        <div id="copyright" class="copyright">
            <div class="white_link" >
                <a href="#nowhere" >关于天猫</a>
                <a href="#nowhere" > 帮助中心</a>
                <a href="#nowhere" >开放平台</a>
                <a href="#nowhere" >  诚聘英才</a>
                <a href="#nowhere" >联系我们</a>
                <a href="#nowhere" >网站合作</a>
                <a href="#nowhere" >法律声明</a>
                <a href="#nowhere" >知识产权</a>
                <a href="#nowhere" >  廉正举报    </a>
            </div>
            <div class="white_link" >
                <a href="#nowhere" > 阿里巴巴集团</a><span class="slash">|</span>
                <a href="#nowhere" > 淘宝网</a><span class="slash">|</span>
                <a href="#nowhere" >天猫 </a><span class="slash">|</span>
                <a href="#nowhere" >  聚划算</a><span class="slash">|</span>
                <a href="#nowhere" >全球速卖通</a><span class="slash">|</span>
                <a href="#nowhere" >阿里巴巴国际交易市场</a><span class="slash">|</span>
                <a href="#nowhere" >1688</a><span class="slash">|</span>
                <a href="#nowhere" >阿里妈妈</a><span class="slash">|</span>
                <a href="#nowhere" >  阿里旅行·去啊 </a><span class="slash">|</span>
                <a href="#nowhere" >  阿里云计算   </a><span class="slash">|</span>
                <a href="#nowhere" >  阿里通信    </a><span class="slash">|</span>
                <a href="#nowhere" >  YunOS   </a><span class="slash">|</span>
                <a href="#nowhere" >  阿里旅行·去啊 </a><span class="slash">|</span>
                <a href="#nowhere" >   万网 </a><span class="slash">|</span>
                <a href="#nowhere" >  高德  </a><span class="slash">|</span>
                <a href="#nowhere" > 优视   </a><span class="slash">|</span>
                <a href="#nowhere" >  友盟  </a><span class="slash">|</span>
                <a href="#nowhere" >  虾米  </a><span class="slash">|</span>
                <a href="#nowhere" >  天天动听    </a><span class="slash">|</span>
                <a href="#nowhere" >  来往  </a><span class="slash">|</span>
                <a href="#nowhere" >  钉钉  </a><span class="slash">|</span>
                <a href="#nowhere" >  支付宝         </a>
            </div>
            
            <div class="license">
                <span>增值电信业务经营许可证： 浙B2-20110446</span>
                <span>网络文化经营许可证：浙网文[2015]0295-065号</span>
                <span>互联网医疗保健信息服务 审核同意书 浙卫网审【2014】6号 </span>
                <span>互联网药品信息服务资质证书编号：浙-（经营性）-2012-0005</span>
                <div class="copyRightYear">© 2003-2016 TMALL.COM 版权所有</div>
                <div>
                    <img src="img/site/copyRight1.jpg">
                    <img src="img/site/copyRight2.jpg">
                </div>
            </div>
        </div>
    </div>
    <!-- 底部结束 -->
</body>
</html>